<div class="card">
    <div data-th-include="card/cardInfo/cardRead"></div>
    <div class="card-block">
        <div class="table-responsive">
            <div id="data-table_wrapper" class="dataTables_wrapper">
                <div class="dataTables_buttons hidden-sm-down actions">
                    <span><button type="button" class="btn btn-primary" onclick="search()">搜索</button></span>
                    <span><button type="button" class="btn btn-primary" id="card_reading" data-toggle="modal" data-target="#card-read" shiro:hasAnyPermissions="cardInfo:withdraw">读卡退卡</button></span>
                </div>
                <div id="data-table_filter" class="dataTables_filter">
                    <form class="user-table-form">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 证件号： </span>
                                    <div class="form-group">
                                        <input type="text" name="paperId" class="form-control"> <i class="form-group__bar"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 卡号： </span>
                                    <div class="form-group">
                                        <input type="text" name="cardNo" class="form-control"> <i class="form-group__bar"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 持卡人姓名： </span>
                                    <div class="form-group">
                                        <input type="text" name="cardUserName" class="form-control"> <i class="form-group__bar"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <table id="userTable" data-mobile-responsive="true" class="mb-bootstrap-table text-nowrap"></table>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4><!--证件照 -->
            </div>
            <div class="modal-body">
                <div class="input-group">
                    <span class="input-group-addon">
                        证件图片：
                    </span>
                    <div class="form-group">
                        <img class="img-thumbnail" id="paperPhoto" data-th-src="@{img/avatar/timg.jpg}">
                    </div>
                    <div class="form-group">
                        <img class="img-thumbnail" id="paperPhoto2" data-th-src="@{img/avatar/timg.jpg}">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="noCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" shiro:hasAnyPermissions="cardInfo:withdraw">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title pull-left" id="user-add-modal-title">卡用户信息</h3>
            </div>
            <div class="modal-body">
                <form id="user-add-form">
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                证件号：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-paperId" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                卡号：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-cardNo" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                持卡人姓名：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-cardUserName" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                卡内余额（元）：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-cardBanlance" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                卡状态：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-cardStateName" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                卡类型：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-cardTypeName" class="form-control" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                退款金额(元)：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-refundamt" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                押金金额(元)：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-deposit" class="form-control" value="20">
                            </div>
                        </div>
                    </div>
                    <!--<div class="col-sm-11">
                        <div class="input-group">
                            <span class="input-group-addon">
                                退款总金额(元)：
                            </span>
                            <div class="form-group">
                                <input type="text" id="not-card-refundamt-amt" class="form-control" value="0" readonly>
                            </div>
                        </div>
                    </div>-->
                    <div class="col-sm-11 card-info-refund-div">
                        <span class="card-info-refund-span">退款总金额(元)：</span><span class="card-info-refund-span" id="not-card-refundamt-amt">0</span>
                    </div>
                </form>
            </div>
            <div class="modal-body">
                <div class="input-group">
                    <span class="input-group-addon">
                        证件图片：
                    </span>
                    <div class="form-group">
                        <img class="img-thumbnail" id="not-card-paperPhoto" data-th-src="@{img/avatar/timg.jpg}">
                    </div>
                    <div class="form-group">
                        <img class="img-thumbnail" id="not-card-paperPhoto2" data-th-src="@{img/avatar/timg.jpg}">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-save" id="not-card-save" name="save">执行退卡</button>
                <button type="button" id="not-card-close" class="btn btn-secondary btn-close">关闭</button>
                <button class="btn-hide"></button>
            </div>
        </div>
    </div><!-- /.modal -->
</div>
<script data-th-src="@{js/app/card/cardInfo/cardInfo.js}"></script>
<script data-th-src="@{js/app/card/cardInfo/noCard.js}"></script>
<SCRIPT Language=VBScript><!--

//--></SCRIPT>